<template>
  <div class="borderView">
    <div class="bgView" />
    <div>{{ title }}</div>
  </div>
</template>
<script>
export default {
  props: ["title"],
};
</script>
<style lang="scss" scoped>
.borderView {
  background: #fff;
  border: 1px solid #ccc;
  display: flex;
  align-items: center;
  height: 30px;
  font-size: 14px;
  font-weight: 400;
  box-shadow: 0 0 3px #ccc;
}
.bgView {
  width: 4px;
  background: blue;
  height: 100%;
  margin-right: 8px;
}
</style>
